<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta
      name="viewport"
      content="width=device-width, initial-scale=1, maximum-scale=1,minimum-scale=1, user-scalable=no"
    />
    <title>轮播图</title>
    <link rel="shortcut icon" href="../favicon.ico" type="image/x-icon" />
    <link rel="stylesheet" href="./css/common.css" type="text/css" />
    <link rel="stylesheet" href="./css/loop.css" type="text/css" />
  </head>
  <body>
    <div class="box">
      <div class="loop">
        <!-- 图片 -->
        <div class="img-box">
          <a href="http://pic.people.com.cn/n1/2022/1013/c1016-32544456-3.html" target="_blank">
            <img src="./img/img1.jpg" alt="" class="img" />
          </a>
        </div>
        <!-- 标题 -->
        <div class="title">三峡库岸生态美</div>
        <!-- 导航 -->
        <ul class="nav">
          <li></li>
          <li></li>
          <li></li>
          <li class="active"></li>
          <li></li>
          <li></li>
          <li></li>
          <li></li>
        </ul>
      </div>
    </div>
    <script src="./js/loop.js"></script>
  </body>
</html>
